<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:mashup="http://code.google.com/p/mashups4jsf/">
<h:head>
    <title><ui:insert name="title">Welcome to GMaps4JSF</ui:insert></title>
	<link rel="stylesheet" type="text/css" href="../css/basic.css" />    
	
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?sensor=true">
    </script> 
	
	<style>
		html, body { height: 100% }
	</style>	
	
</h:head>
<f:view contentType="text/html">
	<h:body bgcolor="white">
		<table class="pageHeader">
			<tr>
				<td width="398px" height="135px">
					<img src="../images/gmaps4jsf-logo.png" width="398px" height="135px" alt="GMaps4JSF logo"/>
				</td>
				<td width="100%">
			         <span style="font-size:15px;color:#FFFFFF"> The GMaps and JavaServer&#8482; Faces Integration Library</span>
			         <span style="font-size:10px;color:#FFFFFF">(GMaps4JSF Version 3.0.0)</span>		
				</td>	
			</tr>
		</table>
		
		<ui:insert name="ajaxIncludes">
			<script>
			function statusUpdate(data) {
				var statusArea = document.getElementById("lblProgress");
				var status     = "";
				if (data.status == "begin") {
					status = "Executing ...";
				} else if (data.status == "success") {
					status = "Execution Successfully ...";					
				} else if (data.status == "complete") {
					status = "Execution Complete ...";		
				} else {
					status = data.status;
				}
				
				statusArea.innerHTML = status;
			};	
			
			// Setup the statusUpdate function to hear all events on the page
			jsf.ajax.addOnEvent(statusUpdate);	
			</script>		
			<span id="lblProgress" class="progress_indicatorMessage">	
				No requests ...
			</span>
		</ui:insert>	
		
		<ui:insert name="mashup">
		    Insert your GMaps4JSF Widgets here ...
		</ui:insert>
		
		<br /><br />
		<ui:insert name="footer">
		    <a href="../index.html">[Back to Home]</a>
			<a href="#{request.requestURI}.source">[SOURCE]</a>   	
		</ui:insert>	
		
	</h:body>
</f:view>
</html>  
